﻿.select-custom ::deep .dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-secondary);
    --bs-dropdown-link-active-color: var(--bs-body-color);
    --bb-dropdown-max-height: 540px;
}

.select-custom ::deep .divider {
    --bb-divider-margin: 1rem 0;
    --bb-divider-bg: #c0c4cc;
}

.dropdown-item-demo {
    border-radius: var(--bs-dropdown-border-radius);
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    padding: .5rem;
    flex-direction: column;
}

.select-custom-header {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

    .select-custom-header .id {
        background-color: var(--bs-success);
        padding: .25rem .5rem;
        border-radius: var(--bs-dropdown-border-radius);
    }

    .select-custom-header .name {
        padding: .25rem .5rem;
        margin: 0 1rem;
        flex: 1;
        font-weight: bold;
    }

    .select-custom-header .status {
    }

.select-custom-body {
    display: flex;
}

    .select-custom-body ::deep .progress {
        height: 6px;
        margin-bottom: .5rem;
    }

    .select-custom-body .bb-avatar {
        width: 102px;
        border: 2px solid var(--bs-info);
    }

.select-custom-detail {
    flex: 1;
    margin-inline-start: 2rem;
}

    .select-custom-detail > div {
        margin-bottom: .5rem;
    }
